<!doctype html>
<html>

	<head>
		<meta charset="UTF-8" />
		<title>云巴</title>
		<link rel="stylesheet" type="text/css" href="css/style.css" />
		<link rel="stylesheet" type="text/css" href="https://cdn.bootcss.com/twitter-bootstrap/4.3.1/css/bootstrap.min.css" />
		<meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0" />
	</head>

	<body>
		<div class="header">
			<nav class="navbar navbar-expand-lg navbar-light " style="background:#f5f5f5;">
				<div class="container">
					<img src="img/logo-footer-2.png" class="img-fluid mr-2" alt="Responsive image">
					<a class="nav-link" href="#" style="color: rgba(0,0,0,.5);">快速入门</a>
					<div class="collapse navbar-collapse" id="navbarSupportedContent">
						<ul class="navbar-nav mr-auto">
							<li class="nav-item ">
								<a class="nav-link" href="#">产品介绍</a>
							</li>
							<li class="nav-item">
								<a class="nav-link" href="#">价格</a>
							</li>
							<li class="nav-item">
								<a class="nav-link" href="#">开发者资源</a>
							</li>
							<li class="nav-item dropdown">
								<a class="nav-link" href="#">
									用户案列
								</a>

							</li>
							<li class="nav-item">
								<a class="nav-link" href="#">博客</a>
							</li>
						</ul>
						<div class="input-group" style="width: 270px;">
							<input type="text" class="form-control" placeholder="搜索" aria-label="Recipient's username" aria-describedby="button-addon2">
							<div class="input-group-append">
								<button class="btn btn-outline-secondary" type="button" id="button-addon2">搜索</button>
							</div>
						</div>
					</div>
					<form class="form-inline ml-5">
						<button class="btn btn-primary" type="button">登录</button>
						<button class="btn btn-light ml-2" type="button">注册</button>
					</form>
			</nav>
			</div>
		</div>
		<div class="main mt-5">
			<div class="container" style="text-align: center;">
				<h2 class="mt-5">App、Web、物联网实时通讯云服务</h2>
				<p>专注于为需求实时数据的交换产品提供完美解决方案。</p>
				<p>支持包括手机、web、智能设备的几乎所有平台。</p>
				<h1><img src="img/play.png" alt="" />开启一键推送</h1>
			</div>
			<div class="container"><img src="img/home.png" class="img-fluid" alt="Responsive image"></div>
			<div class="container mt-5">
				<div class="ma">
					<h1>云巴™助你打造最佳实时通讯</h1>
					<p>基于云巴的实时消息系统</p>
					<p>你可以轻松实现夸手机、浏览器、智能设备的实时通讯</p>
					<p>开发、部署大规模实时应用</p>
				</div>
			</div>
		</div>
		<div class="foot mt-5" style="background-color: #f5f5f5;">
			<div class="container" style="text-align: center;">
				<h2>产品主要功能</h2>
				<div class="row mt-5" style="text-align: left;">
					<div class="col-md-3 col-6" style="padding-bottom: 30px;">
						<img src="img/push.png" alt="...">
						<h5 class="card-title mt-2">消息推送</h5>
						<p class="card-text"><small class="text-muted">Push updatedminsago</small></p>
					</div>
					<div class="col-md-3 col-6" style="padding-bottom: 30px;">
						<img src="img/msg.png" alt="...">
						<h5 class="card-title mt-2">实时消息</h5>
						<p class="card-text"><small class="text-muted">Realtime Messaging</small></p>
					</div>
					<div class="col-md-3 col-6" style="padding-bottom: 30px;">
						<img src="img/stat.png" alt="...">
						<h5 class="card-title mt-2">实时统计</h5>
						<p class="card-text"><small class="text-muted">Analytics</small></p>
					</div>
					<div class="col-md-3 col-6" style="padding-bottom: 30px;">
						<img src="img/user.png" alt="...">
						<h5 class="card-title mt-2">实时在线</h5>
						<p class="card-text"><small class="text-muted">Presence</small></p>
					</div>
				</div>
			</div>
		</div>
		<div class="san mt-5">

			<div class="container">
				<h1 style="color: #00ADEE;">云巴示例和案例</h1>
				<p style="font-size: 16px;">我们为移动应用以及智能设备开发提供后端云服务助你打造最佳实时应用</p>
				<div class="row" style="text-align: center;">
					<div class="col-md-4 col-12">
						<div class="card  mb-3">
							<div class="card-header" style="background-color: #01CCEE;color: #ffffff; font-weight: 900;font-size: 25px;">田园科技</div>
							<div class="card-body">
								<img src="img/case-live-video.png" />
								<p class="card-text mt-3 mb-5">借助云巴的第三方直播互动技术，直播平台可以快速实现弹幕、打赏、点赞、点爱心等直播互动功能。</p>
							</div>
						</div>
					</div>
					<div class="col-md-4 col-12">
						<div class="card  mb-3">
							<div class="card-header" style="background-color: #01CCEE;color: #ffffff; font-weight: 900;font-size: 25px;">田园科技</div>
							<div class="card-body">
								<img src="img/case-ireader.png" />
								<p class="card-text mt-3 mb-5">借助云巴的第三方直播互动技术，直播平台可以快速实现弹幕、打赏、点赞、点爱心等直播互动功能。</p>
							</div>
						</div>
					</div>
					<div class="col-md-4 col-12">
						<div class="card  mb-3">
							<div class="card-header" style="background-color: #01CCEE;color: #ffffff; font-weight: 900;font-size: 25px;">田园科技</div>
							<div class="card-body">
								<img src="img/icon(2).png" />
								<p class="card-text mt-3 mb-5">借助云巴的第三方直播互动技术，直播平台可以快速实现弹幕、打赏、点赞、点爱心等直播互动功能。</p>
							</div>
						</div>
					</div>
					<div class="col-md-4 col-12">
						<div class="card  mb-3">
							<div class="card-header" style="background-color: #01CCEE;color: #ffffff; font-weight: 900;font-size: 25px;">田园科技</div>
							<div class="card-body">
								<img src="img/icon(1).png" />
								<p class="card-text mt-3 mb-5">借助云巴的第三方直播互动技术，直播平台可以快速实现弹幕、打赏、点赞、点爱心等直播互动功能。</p>
							</div>
						</div>
					</div>
					<div class="col-md-4 col-12">
						<div class="card  mb-3">
							<div class="card-header" style="background-color: #01CCEE;color: #ffffff; font-weight: 900;font-size: 25px;">田园科技</div>
							<div class="card-body">
								<img src="img/case-watch.png" />
								<p class="card-text mt-3 mb-5">借助云巴的第三方直播互动技术，直播平台可以快速实现弹幕、打赏、点赞、点爱心等直播互动功能。</p>
							</div>
						</div>
					</div>
					<div class="col-md-4 col-12">
						<div class="card  mb-3">
							<div class="card-header" style="background-color: #01CCEE;color: #ffffff; font-weight: 900;font-size: 25px;">田园科技</div>
							<div class="card-body">
								<img src="img/case-live-video.png" />
								<p class="card-text mt-3 mb-5">借助云巴的第三方直播互动技术，直播平台可以快速实现弹幕、打赏、点赞、点爱心等直播互动功能。</p>
							</div>
						</div>
					</div>
					<div class="col-md-4"></div>
					<div class="col-md-4"></div>
				</div>
			</div>
		</div>
		<div class="si mt-3" style="text-align: center;font-family: '微软雅黑';">
			<div class="container">
				<h1>媒体报道</h1	>
        		<div class="row" style="text-align: left;">
        			<div class="col-md-4 col-12">
        				<div class="card mb-3" style="border: none;">
                 <div class="card-body">
                 	<img src="img/leiphone.jpg" alt="" />
                     <h5 class="card-title" style="color: #00ADEE;font-size: 17px;">第三方推送已死</h5>
                <p class="card-text">主流的Android手机现在会自动清理后台，禁止服务自动拉起，以前第三方推送服务商的各种SDK保护手段相继失效，云巴一键集成厂商的推送服务解决难题。</p>
                </div>
                </div>
        			</div>
        			<div class="col-md-4 col-12">
        				<div class="card mb-3" style="border: none;">
                 <div class="card-body">
                 	<img src="img/iheima.jpg" alt="" />
                      <h5 class="card-title" style="color: #00ADEE;font-size: 17px;">累计1.6万企业用户，云巴把重心放在“实时通讯”</h5>
                <p class="card-text">主流的Android手机现在会自动清理后台，禁止服务自动拉起，以前第三方推送服务商的各种SDK保护手段相继失效，云巴一键集成厂商的推送服务解决难题。</p>
                </div>
                </div>
        			</div>
        			<div class="col-md-4 col-12">
        				<div class="card mb-3" style="border: none;">
                 <div class="card-body">
                 	<img src="img/tob.jpg" alt="" />
                      <h5 class="card-title" style="color: #00ADEE;font-size: 17px;">A轮后云巴想解决直播弹幕压力大的难题</h5>
                <p class="card-text">主流的Android手机现在会自动清理后台，禁止服务自动拉起，以前第三方推送服务商的各种SDK保护手段相继失效，云巴一键集成厂商的推送服务解决难题。</p>
                </div>
                </div>
        			</div>
        			<button class="btn btn-primary mt-2" type="submit" style="background: #337AB7;">查看更多</button>
        		</div>
                
			</div>
        </div>   
        <div class="footer mt-4" style="background: #F5F5F5;border-top: 1px solid rgb(222, 218, 218);border-bottom: 1px solid rgb(222, 218, 218);">
					<div class="container">
				<div class="row mt-3">
					<div class="col-md-5">
						<p style="margin-bottom: 0;">&copy; 深圳市微智云科技有限公司</p>
						<p style="margin-bottom: 0;">Terms $ Conditions</p>
						<p style="margin-bottom: 0;">Privacy Policy</p>
						<p style="margin-bottom: 0;">粤ICP14035779号</p>
						<p style="margin-bottom: 0;">深圳市市场监督管理局企业主体身份公示</p>
					</div>
					<div class="col-md-7">
						<div class="row">
							<div class="col-md-2 col-4">
								<h5>产品</h5>
								<ul class="list-unstyled">
									<li><a href="" >消息推送</a></li>
									<li><a href="" >实时消息</a></li>
									<li><a href="" >实时统计</a></li>
									<li><a href="" >实时在线</a></li>
								</ul>
							</div>
							<div class="col-md-3 col-4">
								<h5>开发者资源</h5>
								<ul class="list-unstyled">
									<li><a href="" >SDK下载</a></li>
									<li><a href="" >文档中心</a></li>
								</ul>
							</div>
							<div class="col-md-2 col-4">
								<h5>公司</h5>
								<ul class="list-unstyled">
									<li><a href="" >关于我们</a></li>
									<li><a href="" >联系我们</a></li>
									<li><a href="">人才招聘</a></li>
									<li><a href="" >媒体报道</a></li>
								</ul>
							</div>
							<div class="col-md-2 col-4">
								<h5>博客</h5>
								<ul class="list-unstyled">
									<li><a href="" >QQ群</a></li>
									<li><a href="" >Webchat</a></li>
									<li><a href="" >Weibo</a></li>
								</ul>
							</div>
							<div class="col-md-3 col-4"> 
								<h5>友情链接</h5>
								<ul class="list-unstyled" style="color: #777777;">
									<li><a href="" class="text-secondary">WebCloud</a></li>
								</ul>
							</div>
						</div>
					</div>
				</div>
			</div>
		</div>
        <script src="https://cdn.bootcss.com/jquery/3.3.1/jquery.slim.min.js"></script>
		<script src="https://cdn.bootcss.com/popper.js/1.14.7/umd/popper.min.js"></script>
		<script src="https://cdn.bootcss.com/twitter-bootstrap/4.3.1/js/bootstrap.min.js"></script>
	</body>

</html>